// 颜色变量 - 更新为新的主题色
@primary-color: #e58707;
@primary-hover: #d67906;
@secondary-color: #232b39;
@background-color: #1b212d;
@text-color: #ffffff;
@text-muted: #909bb0;
@border-color: rgba(255, 255, 255, 0.07);

// 字体变量
@font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
@line-height: 1.5;
@font-weight-normal: 400;
@font-weight-medium: 500;

// 尺寸变量
@border-radius: 8px;
@padding-small: 0.6em;
@padding-medium: 1.2em;
@padding-large: 2em;
@font-size-base: 1em;
@font-size-large: 3.2em;

// 根样式
:root {
  font-family: @font-family;
  line-height: @line-height;
  font-weight: @font-weight-normal;

  color-scheme: dark;
  color: @text-color;
  background-color: @background-color;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// 链接样式
a {
  font-weight: @font-weight-medium;
  color: @primary-color;
  text-decoration: inherit;
  
  &:hover {
    color: @primary-hover;
  }
}

// 主体样式
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background-color: @background-color;
  overflow-x: hidden;
}

// 标题样式
h1 {
  font-size: @font-size-large;
  line-height: 1.1;
}

// 按钮样式
button {
  border-radius: 0;
  border: 2px solid @primary-color;
  padding: 1rem 2rem;
  font-size: @font-size-base;
  font-weight: 700;
  font-family: inherit;
  background-color: transparent;
  color: @text-color;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.3s ease;
  
  &:hover {
    background-color: @primary-color;
    color: @background-color;
  }
  
  &:focus,
  &:focus-visible {
    outline: 2px solid @primary-color;
    outline-offset: 2px;
  }
}

// 卡片样式
.card {
  padding: @padding-large;
}

// 应用容器样式
#app {
  margin: 0 auto;
  width: 100%;
  min-height: 100vh;
}

// 移除浅色主题，保持深色主题